<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>介绍</title>
    <link rel="stylesheet" href="./css/介绍.css">
</head>
<body>



<div class="navbar">
    <img src="./img/logo光夜.png" alt="">
    <ul>

        <li><a href="./首页.html" >首页</a></li>
        <li>
            <a href="介绍.html" class="a">介绍</a>
            <ol>
                <li><a href="./3D视觉冲击卡片.html">3D卡片</a></li>
                <li><a href="./3D旋转照片.html">旋转照片</a></li>
                <li><a href="./悬浮抽卡片.html">悬浮卡片</a></li>
            </ol>
        </li>
        <li id="lingxi">
            <a href="./流光印记.html">流光印记</a>
            <ol>
                <li><a href="#">灵犀相册-萧逸</a></li>
                <li><a href="#">灵犀相册-齐司礼</a></li>
                <li><a href="#">灵犀相册-陆沉</a></li>
                <li><a href="#">灵犀相册-夏鸣星</a></li>
                <li><a href="#">灵犀相册-查理苏</a></li>
            </ol>
        </li>
        <li><a href="#">关于</a></li>
    </ul>
    <div class="denglu"><a href="./登录.html">登录</a>&nbsp;&nbsp;<a href="./注册.html">注册</a></div>
</div>


    <div class="JS">
        <h1 class="js">主要人物</h1>
    <div class="jieshao">
        <div class="card">
            <div class="photo"><img src="./img/人物介绍-查理苏.jpg" alt=""></div>
            <h1>查理苏</h1>
            <h2>“未婚夫”</h2>
            <p>查理苏是《光与夜之恋》中男主角之一，也是你的未婚夫，作为查家独子，
                家世显赫,是NOVATEN药业集团唯一继承人。</p>
            <a href="#">了解更多</a>
        </div>
        <div class="card">
            <div class="photo"><img src="./img/人物介绍-萧逸.jpg" alt=""></div>
            <h1>萧逸</h1>
            <h2>“赏金猎人”</h2>
            <p>萧逸是一位职业赛车手，外表高达冷峻，性格开朗，称你为“萧小五”
                多次展现出对他的关心和保护。</p>
            <a href="xiaoyi">了解更多</a>
        </div>
        <div class="card">
            <div class="photo"><img src="./img/人物介绍-齐司礼.jpg" alt=""></div>
            <h1>齐司礼</h1>
            <h2>“齐总监”</h2>
            <p>齐司礼作为游戏中主要角色之一，虽然外人看来他高冷且嘴硬的典型代表，但实际上
                是一个负责任有担当的人。</p>
            <a href="#">了解更多</a>
        </div>
        <div class="card">
            <div class="photo"><img src="./img/人物介绍-夏鸣星.jpg" alt=""></div>
            <h1>夏鸣星</h1>
            <h2>“汤圆”</h2>
            <p>夏鸣星是一位魅力四溢的音乐剧明星，
                以其阳光帅气的外表和深情动人的歌喉赢得众多粉丝的青睐。</p>
            <a href="#">了解更多</a>
        </div>
        <div class="card">
            <div class="photo"><img src="./img/人物介绍-陆沉.jpg" alt=""></div>
            <h1>陆沉</h1>
            <h2>“哆啦A陆”</h2>
            <p>陆沉生活在冰冷的大家族中，出生以来一直不知道爱是什么，
                直到在咖啡厅遇见了你，才开始逐渐理解爱的含义。</p>
            <a href="#">了解更多</a>
        </div>
    </div>
</div>

<div id="xiaoyi">
        <h2>个人档案</h2>
        <h1>萧逸</h1>
        <h4>CV：阿杰</h4>
        <p>身高：185cm</p>





</div >


</body>
</html>